<template>
  <div class="box">
    <header class="header">
      <div class="left"><span @click="back" class="iconfont icon-zuo"></span></div>
      <div class="center">邮箱注册</div>
      <div class="right">
        <span class="iconfont icon-ziyuan"></span>
        <!-- <ul class="menu">
        <router-link to="/home" tag="li">
          <span class="iconfont icon-shouye"></span>
          <p>首页</p>
        </router-link>
        <router-link to="/kind" tag="li">
          <span class="iconfont icon-fenleisousuo"></span>
          <p>分类</p>
        </router-link>
        <router-link to="/cart" tag="li">
          <span class="iconfont icon-gouwuches"></span>
          <p>购物车</p>
        </router-link>
        <router-link to="/user" tag="li">
          <span class="iconfont icon-xiaolian"></span>
          <p>我的</p>
        </router-link>
      </ul> -->
      </div>
    </header>
    <Emailregister></Emailregister>
  </div>
</template>

<script>
import Emailregister from '@/components/emailregister'
export default {
  data () {
    return {}
  },
  components: {
    Emailregister
  },
  methods: {
    back () {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="scss">
@import '@/lib/reset.scss';
.box {
  .header {
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    padding: {
      left: 20px;
      right: 20px;
    }
    .left,
    .right {
      font-weight: 600;
    }
    .right {
      position: relative;
      .menu {
        @include rect(3rem, 5rem);
        position: absolute;
        top: 30px;
        li {
          // @include rect(3rem, 1rem);
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }
  }
}
</style>
